﻿@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
ul,ol{list-style:none;}
input,img{border:0;font-family:"微软雅黑"; vertical-align:middle}
a{ color:#333; text-decoration:none;}
b, h2, h3, strong, big, del{font-weight:normal;}
a:hover{text-decoration:none;}
input, select, textarea, button {outline:0 none; vertical-align: middle;}
li {list-style: none outside none;}
img{ max-width:100%; height:auto; width: auto\9; border:0;}
.clear{ clear:both;}
body{ font-family:"微软雅黑";  font-size:12px; font-weight:normal; width:100%; color:#333;background-attachment:fixed;background-size: cover;background-repeat: no-repeat; background-color:#f2f2f2;}
/* 公共样式 */
.size14{font-size:14px;}
.size18{font-size:18px;}
.size28{font-size:28px;}
.size20{font-size:20px;}
.size50{font-size:50px;}
.size100{font-size:100px;}
.black{color:#333;}
.left{float:left;}
.right{float:right;}
.line-height{line-height:30px;}
.Shared{width:96%; margin:3%}
.Orange{color:#ff790c;}
.gray{color:#999;}
.yellow{color:#daec14;}
.s{border-bottom:1px solid #ebebeb;}
.green{color:#33bd61;}
/* 掌中游 */
.head{width:80%; padding:10%;}
.head img{width:50%;margin-left: 28px;}
.Logon{width:94%; padding:8% 3%; position:absolute; z-index:99999; top:0} 
.Logon ul{background-color:#FFF; padding:3%; overflow:hidden;}
.Logon ul h3{overflow:hidden;}
.Logon ul li{border:1px solid #c2c2c2; margin-top:6%; height:40px; overflow:hidden; }
.Logon ul li span{border-right:1px solid #c2c2c2; background-color:#f3f3f3; overflow:hidden; height:40px;width:13%; display:block; float:left}
.Logon ul li span img{margin-top:5px; margin-left:5px;}
.Logon ul li input{border:0; width:90%; height:38px; float:left; color:#999; text-indent:10px;}
.registered{background:url(../images/registered.jpg) no-repeat; text-indent:5%; color:#a9181d;}
.Logon ul p{margin:2% 0; overflow:hidden;}
.Login-button{background-color:#33bc60; color:#FFF; text-align:center; width:100%; height:45px; line-height:45px; font-size:14px; display:block;}
.bottom{margin:3% 0; padding:2%; font-size:20px; text-align:center; overflow:hidden;} 
.bottom span{margin-right:8px;}
.content{position:relative;}
/*注册*/
.Logon1{background-color:#FFF; overflow:hidden; width:94%; padding:1% 3%; margin-top:20px;}
.Logon1 p{height:50px; overflow:hidden;}
.Logon1 b{width:10%; float:left}
.Logon1 input{border:none; height:40px; width:70%}
.Logon1 span{float:left; border-bottom:1px solid #ececec; width:90%; }
.Logon1 a{float:right; color:#33bc60; border:2px solid #33bc60; padding:5px; border-radius:10px; margin-bottom:10px; }
.immediately2{width:94%; margin:3%; background-color:#33bc60; color:#FFF; text-align:center; float:left; line-height:45px; border-radius:10px; padding:1% 0}
.lm{width:100%; height:48px; background-color:#FFF; border-bottom:1px solid #e2e2e2;}
.lm img{width:5%; margin-top:1%}
.lm span{text-align:center; width:85%; line-height:48px;}
/*选择地址*/
.Common{ width:100%; overflow:hidden; background-color:#FFF;}
.Common a{ border-bottom:1px solid #e1e1e1; line-height:30px; padding:2% 3%; display:block; overflow:hidden;}
.Common a.hover{background:url(../images/Selected2.png) no-repeat 2% #33bc60; color:#FFF; padding-left:8%}
.Common a b{width:12%; float:left;}
.Common a span{float:left; width:88%;}
.Common a b img{float:right; margin-top:18px; width:50%}
.Common p{overflow:hidden;}
/*填写报名资料*/
.product{background-color:#FFF; border-bottom:1px solid #e1e1e1; width:90%; padding:5%; overflow:hidden; margin-bottom:20px;}
.product b{width:40%; float:left; margin-right:3%;}
.product b img{width:100%; border-radius:10px;}
.product b span{float:left;}
.Write{ border-bottom:1px solid #e1e1e1; background-color:#FFF;}
.Write p{border-top:1px solid #e1e1e1; padding:3%;}
.Write p b{margin-left:2%; width:25%; float:left;}
.Write p input, textarea{border:0; color:#999; font-size:16px; width:65%}
.Write span{width:212px; border:1px solid #bbbbbb; border-radius:5px; height:40px; overflow:hidden; display:block;}
.Write span a{ color:#8e8e8e; line-height:40px; float:left; width:60px; text-align:center;}
.Write span input{width:76px; border-left:1px solid #e1e1e1; height:40px; margin:0; float:left; border-right:1px solid #e1e1e1;}
.default{background:url(../images/default1.png) no-repeat 96%;}
.default2{background:url(../images/default2.png) no-repeat 96%;}
/*我的订单*/
.Order-form{overflow:hidden; height:48px; line-height:48px; background-color:#FFF;}
.Order-form a{float:left; width:20%; text-align:center;}
.Order-form a.hover{color:#43c475;}
.confirm{background-color:#FFF; overflow:hidden; padding-bottom:3%; margin-right:3%}
.confirm a{border-radius:6px; border:2px solid #999999; height:35px; line-height:35px; padding:0 3%; display:block; float:right; text-align:center; margin-left:3%}
.confirm a.hover{ background-color:#33bc60; border:2px solid #33bc60;color:#fff; }

/*购物车*/
.shopping-cart{width:100%;}
.shopping-cart ul{ margin-bottom:20px; background-color:#FFF;}
.shopping-cart ul h3{width:92%; display:block; margin-left:6%;border-bottom:1px solid #ebebeb; line-height:40px; padding-right:2%; overflow:hidden;}
.shopping-cart ul li{border-bottom:1px solid #ebebeb; width:94%; margin-left:6%; overflow:hidden; padding-bottom:10px}
.cart-select{background:url(../images/current.png) no-repeat left center; text-indent:30px; width:5%; display:block; float:left;}
.cart-select2{background:url(../images/Selected.png) no-repeat left center; text-indent:30px; width:5%; display:block; float:left;}
.shopping-cart ul li b{width:25%; float:left;}
.shopping-cart ul li strong{width:52%; float:left; margin-top:10px;}
.shopping-cart ul li span{width:10%; float:left; text-align:right; margin-right:3%; margin-top:10px;}
.Pressurized{width:152px; border:1px solid #bbbbbb; border-radius:5px; height:30px; overflow:hidden; display:block;}
.Pressurized a{ color:#8e8e8e; line-height:30px; float:left; width:50px; text-align:center;}
.Pressurized input{width:46px; border-left:1px solid #e1e1e1; height:30px; margin:0; float:left; border-right:1px solid #e1e1e1;}
.full{background:url(../images/bj2.jpg) no-repeat; margin-left:6%; margin-top:10px;}
.full b{color:#FFF; padding-left:15px; margin-right:20px;}
.Subtotal{text-align:right; line-height:50px; margin-right:2%; padding-bottom:5px;}
/* 常用联系人 */
.Contacts{ width:100%; overflow:hidden; background-color:#FFF;}
.Contacts a{ border-bottom:1px solid #e1e1e1; line-height:50px; padding:2% 6%; display:block; overflow:hidden;}
.Contacts a.hover{background:url(../images/Selected2.png) no-repeat 2% #33bc60; color:#FFF; padding-left:8%}
.Contacts a b{width:10%; float:left;}
.Contacts a span{float:left; width:45%;}
.Contacts a strong{float:left; width:45%;}
.Contacts a b img{float:right; margin-top:18px; width:50%}
.Contacts p{overflow:hidden;}
.recommend{width:94%; padding:3%; background-color:#FFF;}
.recommend p{line-height:70px; overflow:hidden}
.recommend p b{float:left;}
.recommend ul li{overflow:hidden; width:100%; }
.recommend ul li strong{float:left; width:3%;}
.recommend ul li b{float:left; width:97%;}
.Characteristic{overflow:hidden; background-color:#FFF; width:94%; padding:3%;}
.Characteristic img{width:100%;}
.demo{margin-top:50px;}
.Head-portrait{width:15%; float:left; margin-right:3%}
.Head-portrait img{width:100%; border-radius:50%;}
.switchBox, .slideBox{border-top:0px solid #f0f0f0;width:96%; margin:2%}
.switchBox dt, .slideBox dt{border-bottom:2px solid #e5e5e5; overflow:hidden; background:#fff;}
.switchBox span, .switchBox em, .slideBox span, .slideBox em{color:#666;cursor:pointer;float:left; text-align:center;text-decoration:none;font-style:normal;  width:33.333333333%; font-size:20px;}
.switchBox dt .on, .slideBox dt .on{background-color:#fff; border-bottom:4px solid #ef7f4f; height:36px;}
.switchBox dt .on, .switchBox dt .active, .switchBox a:hover, .slideBox dt .on, .slideBox dt .active, .slideBox a:hover{color:#ef7f4f; height:42px;}
.switchBox dd, .slideBox dd{clear:both; height:auto; line-height:30px; width:100%; margin-top:10px;}
.switchBox span.fixed{border-bottom:2px solid #e02342;}
.switchBox span.fixed a{color:#e02342}
.switchBox dd{text-align:left}
.recommend p{line-height:70px; overflow:hidden}
.recommend p b{float:left;}
.recommend ul li{overflow:hidden; width:100%; }
.recommend ul li strong{float:left; width:3%;}
.recommend ul li b{float:left; width:97%;}
.Characteristic{overflow:hidden;}
.Characteristic img{width:100%;}
.title2{border-bottom:1px solid #dddddd; line-height:70px; text-align:center; width:33%; margin:15px auto;}
.Itinerary{width:94%; padding:3%; background-color:#FFF;}
.Itinerary ul{margin-top:15px;}
.Itinerary ul li{border-bottom:1px solid #e8e8e8; overflow:hidden; padding:8px 0}
.Itinerary ul li b{float:left; display:block; border-radius:5px; border:1px solid #a9a9a9; padding:0 5px; margin-right:15px;}
.Itinerary ul li strong{float:left;}
.day{width:94%; padding:3%; background-color:#FFF; margin-bottom:10%}
.day h3{line-height:46px;}
.day h3 b{background-color:#33bc60; color:#fff; width:111px; float:left; line-height:46px; text-align:center; margin-right:15px;}
.day ul{margin-bottom:20px;}
.day ul li{overflow:hidden; padding:8px 0}
.day ul li b{float:left; width:10%;}
.day ul li strong{float:left; width:90%}
.Attractions img{width:46%; margin:10px 0}
.Buyers ul{border-bottom:1px solid #e5e5e5; overflow:hidden; margin-top:50px;}
.Buyers ul li{border-top:1px solid #e5e5e5; overflow:hidden; padding:10px 0}
.Buyers ul li p{overflow:hidden; line-height:30px;}
.Buyers big{float:left; margin-right:10px;}
.Buyers b{float:right;}
.moer{text-align:center; width:100%; display:block; margin-top:15px;}
.Related{margin-top:40px;}
.Related ul{width:100%; margin-top:50px;}
.Related ul a{ border-bottom:1px solid #e6e6e6; width:100%; line-height:25px; overflow:hidden; display:block; padding-bottom:20px; margin-bottom:20px;}
.Related ul a img{width:30%; float:left}
.Related ul a strong{float:left; width:70%; text-align:left; font-size:16px;}
/* 个人中心 */
.head1{width:100%; position:relative;}
.head1 img{width:100%;}
.Avatar{width:50%; margin-left:6%; margin-top:1%;position:absolute; top:30%; color:#FFF; float:left;}
.Avatar img{width:20%; float:left;border-radius:100px; background-color:#FFF; border:5px solid #84c87c}
.Avatar span{float:left; width:40%; margin-left:5%;}
.Avatar a{color:#FFF; border:1px solid #FFF; padding:10px; margin-top:10%; float:left; display:block}
.Nologin{ margin-left:8%; position:absolute; top:30%; color:#FFF; float:left;margin-top:-5%; height:4em; width:25%; line-height:4em; font-size:2em;text-align:center; background:#39862E; border-radius:100px;}
.Nologin a{color:#FFF;}
.Account-Management{color:#FFF; text-align:right; position:absolute; left:60%; top:40%; width:30%; margin:0 5%}
.Account-Management img{width:20%;}
.menu{width:100%; overflow:hidden; margin-bottom:3%; background-color:#FFF; font-size:12px;}
.menu ul{width:78%; float:left; padding:2% 0}
.menu ul a{float:left; width:25%; text-align:center; display:block;}
.menu img{width:40%;}
.menu span{width:21%; background:url(../images/bj1.jpg) no-repeat 95%; float:left;text-align:center; padding:2% 0; border-left:1px solid #f2f2f2}
.management{width:96%; padding:2%; background-color:#FFF; overflow:hidden; margin-bottom:11%;}
.management img{width:50%;}
.management a{float:left; text-align:center; width:33%; padding:3% 0} 
.navigation{width:100%; background-color:#FFF; overflow:hidden; position:fixed; bottom:0}
.navigation a{width:24%; float:left; text-align:center;}
.navigation span{width:20%; float:left; text-align:center;}
.navigation img{width:50%;}
.grade{width:15%; height:30px; background-color:#39862e;border-radius:100px; float:left; line-height:30px; color:#FFF; padding:0 1%; position:absolute; left:65%; top:40%; text-align:center}
.d{background-color:#F03; width:10px; height:10px; top:40%; left:93%; border-radius:100px; position:absolute}
/* 会员中心-充值 */
.Balance{width:100%; background:url(../images/Triangle45.png) no-repeat 97% #fff7ea; height:50px; line-height:50px; color:#ffb540; overflow:hidden; text-indent:3%}
.wallet{background-color:#FFF; width:100%; text-align:center; padding:5% 0}
.integral{background-color:#FFF; width:100%; overflow:hidden; padding:5% 0}
.integral span{width:49%; text-align:center; float:left;}
/* 会员中心-积分 */
.integral1{width:96%; background-color:#33bd61; padding:5% 3%; color:#FFF}
/* 会员中心-优惠券 */
.coupon{margin:3%; width:96%; position:relative}
.coupon img{width:100%;}
.Ticket{position:absolute; top:30%; left:10%; width:90%}
.Ticket span{width:45%; float:left}
.Ticket span p{text-align:center;}
.coupon-s{background:url(../images/ss.jpg) no-repeat bottom; padding-bottom:3%; margin-bottom:2%}
.Navigation2{background-color:#fdfdfd;   font-size:14px;  width:100%;    position: fixed; bottom:0px; z-index: 999999; -position: absolute; -bottom: expression(eval(document.documentElement.scrollTop));box-shadow:0px 0px 10px rgba(0, 0, 0, 0.6);
}
/* 我的银行卡 */
.Bank-card{background-color:#FFF; padding:10% 3%; width:94%}
.Bank-card a{border:1px dashed #cdcdcd; width:96%; margin:3%; line-height:30px; text-align:center; display:block;border-radius:6px; color:#0398f5;}
/*掌中游分享*/
.share{background-color:#FFF; overflow:hidden; width:94%; padding:1% 3%; }
.share p{ padding:1% 0; overflow:hidden;border-bottom:1px solid #ececec; line-height:30px;}
.share img{float:left; width:5%; margin-right:2%}
.share b{width:40%; float:left}
.share span{float:left;  width:48%; text-align:right }
.share-Triangle{background:url(../imgs/Triangle2.png) no-repeat right; padding-right:5%}
/*我的收藏*/
.Collect{overflow:hidden;}
.Collect ul li{margin-top:3%; background-color:#FFF; line-height:25px; overflow:hidden; padding:2%}
.Collect ul li img{width:23%; float:left; margin-right:2%}
.Collect ul li span{float:left; width:65%;}
.Collect ul li a{float:left; width:10%}
.Collect ul li a img{width:50%; margin-top:100%}
/*个人信息*/
.personal{overflow:hidden; width:100%;  }
.personal p{ padding:1% 3%; width:94%;  overflow:hidden;border-bottom:1px solid #ececec; line-height:30px;background-color:#FFF; overflow:hidden }
.personal b{width:40%; float:left}
.personal span{float:left;  width:55%; text-align:right }
.Head-portrait1 img{width:30%; border:3px solid #eaeaea;border-radius:100%;}
/*消息-内页-列表-内页*/
.system{width:94%; padding:3%; background-color:#FFF; line-height:25px;}
.system1{width:94%; margin:3%;}
.system1 ul li{border:1px solid #cececf; background-color:#FFF; padding:3%; margin-bottom:3%}
.system1 img{width:100%; margin:2% 0;border-radius:6px;}
.system1 a{display:block; border-top:1px solid #dadadb; background:url(../images/Triangle2.png) no-repeat right; padding:2% 0; margin-top:2%}
